<div id="app">
  <div id="list-host">
    <div class="flex-grow-1">
      <h5 class="list-title">Reports:</h5>
      <app-report-list
        [reportList]="reportList"
        (selectionChanged)="reportSelectionChanged($event)"
      ></app-report-list>
    </div>
  </div>
  <div id="designer-host" [hidden]="designerHidden">
    <gc-activereports-designer
      [report]="currentReport"
      [onRender]="onRender"
    ></gc-activereports-designer>
  </div>
  <div id="viewer-host" [hidden]="!designerHidden">
    <gc-activereports-viewer (init)="onViewerInit()"></gc-activereports-viewer>
  </div>
</div>
